<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- <div id="message"></div> -->
    <!-- <div id="back"></div> -->
    <!-- built files will be auto injected -->
    <script>
      // SPA可以帮助我们再不刷新页面的前提下动态改变浏览器地址栏中的URL地址，动态修改页面所显示的资源
      // SPA的优点
      // 1、速度快，第一次下载完成静态文件，跳转不需要再次下载静态文件
      // 2、体验好，整个交互趋于无缝，更倾向于原生应用
      // 为前后端分离提供了实践场所

      // 状态管理工具 vuex redux
      // 设计理念
      // 一个类似object的全局数据结构，被称之为store
      // 只能调用特定的方法完成数据的修改
      // 每一个vuex的应用的核心是store（仓库）。store是一个容器 它包含你的应用中大部分的状态(state)
      // Vuex和单纯的全局对象有什么区别
      // vuex的状态存储是响应式的，当vue组件从store中读取状态的时候，如果store中的状态发生改变，那么相应的组件也会得到高效的更新
      // 这样是我们可以更好的跟踪每一个状态
      // RESTful API是目前比较成熟的一套互联网应用程序的API设计理念
      // RESTful架构中，每一个网址代表一种资源（resource），所以网址中不能有动词，只能有名词，
      // 而且所用的名词往往是和数据库的表格名对应，一般来说，数据库中的表都是同种记录的集合

      //当 method 属性值为 post 时，enctype 就是将表单的内容提交给服务器的 MIME 类型 。可能的取值有：
      // application/x-www-form-urlencoded：未指定属性时的默认值。
      // multipart/form-data：当表单包含 type=file 的 <input> 元素时使用此值。
      // text/plain：出现于 HTML5，用于调试。这个值可被 <button>、<input type="submit"> 或 <input type="image"> 元素上的 formenctype 属性覆盖。
    </script>
  </body>
</html>
